<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>UPMS</title>
<%@ include file="/common/meta.jsp" %>
<link href="${ctx}/css/table.css" type="text/css" rel="stylesheet"/>
<script src="${ctx}/js/table.js" type="text/javascript"></script>
</head>
<body>
<div style="font-family:Arial;font-size:15px;font-weight:bold;font-style:normal;align:middle">UPMS - Page Summary</div>

<form id="mainForm" action="page.action" method="get">
<input type="hidden" name="page.pageNo" id="pageNo" value="${page.pageNo}"/>
<input type="hidden" name="page.orderBy" id="orderBy" value="${page.orderBy}"/>
<input type="hidden" name="page.order" id="order" value="${page.order}" />

    <div id="content" >
		<table width="99.5%" class="main-content" id="pages" >
			<tr>
			  	<th>Page ID</th>
				<th>Title</th>
				<th>Team</th>
				<th>Priority</th>
				<th>Assigned To</th>
				<th>Status</th>
				<th>Reviewer</th>
				<th>Complete %</th>
			</tr>
			<s:iterator value="page.result">
			<tr>
				<td align="center"><a href="page!input.action?id=${id}">${pageId}</a>&nbsp;</td>
				<td>${pageName}&nbsp;</td>
				<td align="center">${team}&nbsp;</td>
				<td  align="center">${priority}&nbsp;</td>
				<td align="center">${assignee}&nbsp;</td>
				<td align="center">${status}&nbsp;</td>
				<td align="center">${reviewer}&nbsp;</td>
				<td  align="center">${completion}&nbsp;</td>
				<td  align="center"><a href="page!delete.action?id=${id}">Delete</a>&nbsp;</td>
			</tr>
			</s:iterator>
		</table>
	</div>	
	<p></p>
	<table width="100%" class="noborder">
	  <tr>
		    <td align="right" >${page.pageNo} / ${page.totalPages}
				<a href="javascript:jumpPage(1)">First</a>
				<s:if test="page.hasPre"><a href="javascript:jumpPage(${page.prePage})">Previous</a></s:if>
				<s:if test="page.hasNext"><a href="javascript:jumpPage(${page.nextPage})">Next</a></s:if>
				<a href="javascript:jumpPage(${page.totalPages})">Last</a>
			</td>
	  </tr>
	</table> 
	
</form>	
</body>
</html>